<template>
  <div class="item-swiper">
    <div class="swiper">
      <van-swipe :autoplay="3000">
        <van-swipe-item v-for="(image, index) in images" :key="index">
          <img :src="image"  width="560px" >
        </van-swipe-item>
      </van-swipe>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      images: [
        'http://placehold.it/1600x900',
        // 'http://placehold.it/1600x900',
        // 'http://placehold.it/1600x900'
      ]
    }
  }
}
</script>

<style lang="less">
.item-swiper{
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 2vw 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #D3D3D3;
    .swiper {
    border-radius: 20px;
    img {
      width: 100%;
    }
  }
}
</style>
